html,
/* 使用微软雅黑字体 */
body {
  font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
}


.scroll-container {
	height: calc(100vh - 80px);
}

/* .otherPage .menu {
	height: 80px;
	width: 100%;
} */

.content_bg {
	background-color: #FFF;
	padding: 50px 150px 50px 150px;
	margin-top: 15px;
}

.content {
	min-height: 600px;
	width: 100%;
	/* 	padding: 0px 10%; */
	margin: 0 auto;
}

.content_bg {
	min-height: 600px;
}

.bannerArea {
	height: 412px;
	width: 100%;
	margin-top: 80px;

	overflow: hidden;
}

.banner {
	width: 100%;

	background-position: center !important;
	transition: transform 3s ease-in-out;
}

.banner:hover {
	/* transform: scale(1.2); */
}

.homeBannerSiper {
	height: 100%;
	width: 100%;
	background: url("../../../../assets/img/bg_home_default.jpg") no-repeat;
	background-size: cover;
	background-position: center;
}

.searchPage .banner {
	height: 100%;
	width: 100%;
	background: url("../../../../assets/img/bg_banner_corporateNews.jpg") no-repeat;
	background-size: cover;
	background-position: center !important;
}

/* ------------------------党建引领-banner-content-------------------------------------- */
.partyBuildingLeads .banner {
	height: 412px;
	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.content {
	border-top: 10px solid #F6F6F6;
	background-color: #F6F6F6;
}

.content_bg {
	margin-top: 0PX !important
}

.partyBuildingLeads .content {
	width: 100%;
	padding: 0px 10%;
	margin: 0 auto;
	/* padding: 20px; */
	background-size: cover;
	background-position: center;
}

/* ------------------------企业概括-banner-content-------------------------------------- */
.corporateOverview .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.corporateOverview .content {
	background: #F6F6F6;
}

/* ------------------------企业新闻-banner-content-------------------------------------- */
.corporateNews .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.corporateNews .content {
	background: #F6F6F6;
}

/* ------------------------产品与服务-banner-content-------------------------------------- */
.productsAndServices .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.productsAndServices .content {
	background: #F6F6F6;
}

/* ------------------------可持续发展-banner-content-------------------------------------- */
.sustainableDevelopment .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.sustainableDevelopment .content {
	background: #F6F6F6;
}


/* ------------------------采购信息-banner-content-------------------------------------- */
.procurementInformation .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.procurementInformation .content {
	background: #F6F6F6;
}

/* ------------------------人才中心-banner-content-------------------------------------- */
.centreOfExcellence .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.centreOfExcellence .content {
	background: #F6F6F6;
}

/* ------------------------人才中心-banner-content-------------------------------------- */
.contactUs .banner {

	width: 100%;
	background-size: cover;
	background-position: center !important;
}

.contactUs .content {
	background: #F6F6F6;
}
.content_bg {
    margin: auto;
}

@media (max-width: 768px) {

	.bannerArea {
		height: 124px !important;
	}

	.searchPage .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.partyBuildingLeads .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.corporateOverview .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.corporateNews .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.productsAndServices .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.sustainableDevelopment .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.procurementInformation .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.centreOfExcellence .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}

	.contactUs .banner {
		height: 124px !important;
		background-size: 100% 100% !important;
	}
}

@media (max-width: 1024px) {

	.bannerArea {
		height: 254px !important;
	}

	.searchPage .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.partyBuildingLeads .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.corporateOverview .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.corporateNews .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.productsAndServices .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.sustainableDevelopment .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.procurementInformation .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.centreOfExcellence .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}

	.contactUs .banner {
		height: 254px !important;
		background-size: 100% 100% !important;
	}
}

@media (max-width: 1024px) {
	.content_bg {
		padding: 10px !important;
	}

	.content {
		padding: 0 2% !important;
	}

	.importantAnnouncement .moreInfoBtn {
		width: 88px !important;
	}

	.tenderAnnouncement .moreInfoBtn {
		width: 88px !important;
	}

	.bidAnnouncement .moreInfoBtn {
		width: 88px !important;
	}

	.failedBidAnnouncement .moreInfoBtn {
		width: 88px !important;
	}

	.content {
		min-height: 0px;
	}

	.content_bg {
		margin: 0px auto;
		padding: 0px;

	}
}




@media (min-width: 3860px) {
	.bannerArea {
		height: calc(1px*(3860/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(3860/1920*486)) !important;
	}
}

@media (min-width: 2560px) {
	.content_bg {
		width: calc(2560px * 0.8);
	}
}

@media (max-width: 3860px) {
	.bannerArea {
		height: calc(1px*(3860/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(3860/1920*486)) !important;
	}
}

@media (max-width: 3560px) {
	.bannerArea {
		height: calc(1px*(3560/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(3560/1920*486)) !important;
	}
}

@media (max-width: 3360px) {
	.bannerArea {
		height: calc(1px*(3360/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(3360/1920*486)) !important;
	}
}

@media (max-width: 3160px) {
	.bannerArea {
		height: calc(1px*(3160/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(3160/1920*486)) !important;
	}
}

@media (max-width: 2960px) {
	.bannerArea {
		height: calc(1px*(2960/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(2960/1920*486)) !important;
	}
}

@media (max-width: 2760px) {
	.bannerArea {
		height: calc(1px*(2760/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(2760/1920*486)) !important;
	}
}

@media (max-width: 2560px) {
	.content_bg {
		width: calc(2560px * 0.8);
	}

	.bannerArea {
		height: calc(1px*(2560/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(2560/1920*486)) !important;
	}
}

@media (max-width: 2320px) {
	.content_bg {
		width: calc(2320px * 0.8);
	}

	.bannerArea {
		height: calc(1px*(2320/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(2320/1920*486)) !important;
	}
}

@media (max-width: 2120px) {
	.content_bg {
		width: calc(2120px * 0.8);
	}

	.bannerArea {
		height: calc(1px*(2120/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(2120/1920*486)) !important;
	}
}

@media (max-width: 1920px) {
	.content_bg {
		width: calc(1920px * 0.8);
	}

	.bannerArea {
		height: 486px !important;
	}

	.bannerArea .banner {
		height: 486px !important;
	}

	.companyCultureImgArea {
		width: 60%;
	}

	.companyCultureContent {}

}

@media (max-width: 1720px) {

	.bannerArea {
		height: calc(1px*(1720/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(1720/1920*486)) !important;
	}

	.content_bg {
		width: calc(1720px * 0.8);
	}
}

@media (max-width: 1520px) {
	.content_bg {
		width: calc(1520px * 0.8);
	}

	.bannerArea {
		height: calc(1px*(1520/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(1520/1920*486)) !important;
	}

}

@media (max-width: 1366px) {
	.content_bg {
		width: calc(1366px * 0.8);
	}

	.bannerArea {
		height: calc(1px*(1366/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(1366/1920*486)) !important;
	}
}

@media (max-width: 1120px) {
	.content_bg {
		width: 100%
	}

	.bannerArea {
		height: calc(1px*(1120/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(1120/1920*486)) !important;
	}
}

@media (max-width: 1024px) {
	.bannerArea {
		height: calc(1px*(1024/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(1024/1920*486)) !important;
	}
}

@media (max-width: 900px) {
	.bannerArea {
		height: calc(1px*(900/1920*486)) !important;
	}

	.bannerArea .banner {
		height: calc(1px*(900/1920*486)) !important;
	}
}